<template>
<!-- 字段详情查询 -->
  <div style="height:calc(100% - 2px);">
    <el-table
      :data="fontDetailList"
      border
      width="100%"
      height="calc(100% - 60px)"
      >
      <el-table-column
        prop="fldType"
        label="字段类型"
        width="180">
      </el-table-column>
      <el-table-column
        prop="fldShowname"
        label="字段名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="tableName"
        label="来源表">
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  props: {
    fontDetailList: {
      type: Array,
      default: []
    },
    height: {
      type: Number,
      default: window.innerHeight - 150
    }
  },
  watch: {
    fontDetailList (val) {
      console.log(val)
      console.log('详情数据变化')
      return val
    }
  },
  mounted () {
    console.log('-------------=============')
    console.log(this.fontDetailList)
  },
  methods: {

  }

}
</script>
<style lang='less' scoped>

</style>
